Textarea

Me pregunta Ale la forma de hacer un textarea es decir esa ventanita que a veces aplico con un código o texto en su interior.

Ya no la quiero, es cierto, pero tal vez la quiero.Es tan corto el amor, y es tan largo el olvido.Porque en noches como ésta la tuve entre mis brazos.Mi alma no se contenta con haberla perdido.Aunque éste sea el último dolor que ella me causa,y éstos sean los últimos versos que yo le escribo.P.Neruda

Suele usarse por la comodidad de copiar un código o texto demasiado extenso.
El código del textarea es : <textarea> aquí el texto </textarea>

Hasta ahí todo bien, pero ocurre algo, cuando añadimos un textarea en un post resulta que nos sale con los saltos de línea, es decir con cada salto de línea nos sale el código de ese salto que es <br>

Si nos situamos en nuestro blog en Opciones/Formato veremos que hay una opción para quitar o añadir saltos de línea:
Si esa opción NO la activamos nuestro textarea saldrá sin saltos de línea, sin código <br> dentro del textarea. Pero OJO… si deseamos saltos de línea en nuestros post tendremos que añadirlos nosotros manualmente, cada salto un a más saltos más <br>

Yo tengo los saltos de línea activados, me resulta mucho más cómodo a la hora de postear porque con un click del teclado el salto de línea es instantáneo, no hay que ir añadiendo el código <br> cada dos por tres.
Lo que si hago es tanto si escribo el código completo del textarea o lo hago con la opción de copiar y pegar escribirlo en ´´Edición HTML`` (de nuestro blog) y darle salida sin ver el efecto en ´´Editar`` eso implicaría que automáticamente salgan los saltos de línea, (<br> en nuestro textarea)
Una vez explicado esto y para saber como modificar un textarea a nuestra necesidad lo ideal es empezar diciendo que:
cols es el tamaño del ancho de una columna y rows el número de filas o líneas.

Textarea para que se seleccione todo el código:
El evento onclick es el que hace que con un click se selecione todo el textarea.

• Ejemplo:
  

<textarea cols="30" wrap="off" class="codigo" onclick="this.select()">aquí un ejemplo de textarea con onclick, solo hay que clicar una vez en el textarea y se pondrá de color azul todo el texto</textarea>

• Resultado:
  

aquí un ejemplo de textarea con onclick, solo hay que clicar una vez en el textarea y se pondrá de color azul todo el texto
------------------------------------------------------------------------------------------------

Textarea con cursor y background:
Wrap=off es para que aparezca el cursor y background para el color.
Si deseamos el background de otro color sustituimos #40BF73; por el color escogido o suprimimos el código de background si no lo deseamos.

• Ejemplo:
  

<textarea class=code cols="30" rows="2" style="background-color:#40BF73;" wrap="off">ejemplo de textarea con cursor y background </textarea>

• Resultado:
  

ejemplo de textarea con cursor y background
------------------------------------------------------------------------------------------------

Por último utilizaremos el textarea para incluir un código HTML.
Para ello recomiendo un convertidor de códigos, en esta página tienen uno http://chuano.net/
Una vez covertido el código deben suprimir todos estos signos \ como pueden comprobar van en sentido contrario a los del código HTML.
¿Y todo esto para qué?
Para que a la hora de dar salida al post no, nos muestre errores.

• Ejemplo:
  

<textarea>textarea class=code cols="40" rows="2" wrap="off"&gt;<textarea>textarea class=code cols="40" rows="2" wrap="off"&gt;</textarea></textarea></textarea>

• Resultado:
  

<textarea>textarea class=code cols="40" rows="2" wrap="off">código HTML dentro de textarea</textarea>


¡Suerte¡